<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
<title>有蜜</title>
<link rel="stylesheet" type="text/css" href="../css/aui-flex.css" />
<link rel="stylesheet" type="text/css" href="../css/aui.css" />
<link rel="stylesheet" type="text/css" href="../css/common.css" />
<style>
	.topFix {
		font-size: 0.7rem;
		color: #333;
		background: rgba(255,255,255,0.95);
		padding: 0 0.75rem;
		height: 2.2rem;
		z-index: 5;
	}
	.topFix .avatar {
		width: 1.4rem;
	}
	.content {
		height: 50vh;
		color: #FFF;
		font-size: 0.7rem;
		padding: 2rem 2rem 1.5rem;
	}
	.downBox {
		padding-top: 3.5rem;
		background-color: #FF4261;
	}
	.buyBox {
		background-color: #8F58CA;
	}
	.content .ttl {
		font-size: 1.2rem;
		margin-bottom: 0.5rem;
	}
	.content .btn {
		text-align: center;
		line-height: 2rem;
		background: #FFF;
		border-radius: 1rem;
		color: #333;
	}
</style>
</head>
<body>
	<div class="topFix aui-flex-col aui-flex-middle">
		<div><div class="avatar"><img src="../image/demo/02.jpg" alt=""></div></div>
		<div class="flex-auto aui-px-10 aui-ellipsis">KELLY 霏霏邀你加入有蜜，一起省钱一起赚</div>
	</div>
	<div class="content downBox aui-flex-row aui-flex-between">
		<div class="textBox">
			<div class="ttl">只想自购省钱</div>
			<div class="txt">下载APP成为有蜜会员，领券购物更划算！</div>
		</div>
		<div class="btn">直接下载App</div>
	</div>
	<div class="content buyBox aui-flex-row aui-flex-between">
		<div class="textBox">
			<div class="ttl">自购省分享赚</div>
			<div class="txt">购买VIP大礼包成为有蜜VIP，自购领券得佣金，分享还可赚佣金</div>
		</div>
		<div class="btn">购买大礼包成为VIP会员</div>
	</div>
</body>
<script type="text/javascript" src="../script/import.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript">

</script>
</html>
